@fontStyle:
  comic Sans MS,
  -apple-system,
  BlinkMacSystemFont,
  Segoe UI,
  Roboto,
  Oxygen,
  Cantarell,
  Fira Sans,
  Droid Sans,
  Helvetica Neue,
  sans-serif;

.headerContainer {
  width: calc(100% - 40px);
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffd9cf;
  color: #363737;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-app-region: drag;

  > div {
    -webkit-app-region: no-drag;
    user-select: none;
  }

  > .toggleBtns {
    display: flex;
    align-items: center;

    > * {
      margin-left: 10px;
      margin-right: 10px;
      transition: 0.12s;
      &:hover {
        scale: 1.2;
        font-weight: bold;
      }
    }
  }

  > .label {
    color: #656565;
    font-weight: bold;
    font-family: @fontStyle;
  }

  > .controlBtns {
    display: flex;
    align-items: center;

    > * {
      margin-left: 10px;
      margin-right: 10px;
      transition: 0.12s;
      &:hover {
        scale: 1.4;
        font-weight: bold;
      }
    }
  }
}
